body{padding: 10px;}
.clear{clear: both;}
.tips{text-align: center;font-size: 14px;color: #bbb;background: #fff8f0;padding: 10px;}
.tips i{margin-right: 5px;}

.login-type{margin-top: 15px;}
.login-type div{width: 50%;float: left;font-size: 20px;text-align: center;color: #666;}
.login-type .active{color: #e74649;font-weight: 700;}

.user-name{border: solid 1px #bdbdbd;width: 358px;position: absolute;left: 50%;margin-left: -178px;margin-top: 50px}
.user-pwd{border: solid 1px #bdbdbd;width: 358px;position: absolute;left: 50%;margin-left: -178px;margin-top: 110px}
.user-name div,.user-pwd div{float: left;padding: 10px;background: #eee;width: 20px;height: 20px;text-align: center;}
.user-name input,.user-pwd input{width: 308px;height: 38px;padding-left: 10px;border: none;}

.forgot-pwd{float: right;color: #666;margin-right: 50px;font-size: 12px;}

.login{text-align: center;}
.login button{width: 358px;color: #fff;background: #e74649;border: solid 1px #e74649;height: 40px;margin-top: 20px;font-size: 18px;}

.other-login{width: 358px;margin-left: 43px;margin-top: 30px;font-size: 12px;color: #666;}
.other-login i{border-radius: 50%;padding: 3px;color: #fff;margin-right: 10px;}
.other-login .fa-qq{background: #0094ff;border: solid 1px #0094ff;}
.other-login .fa-weixin{background: rgb(0,204,0);border: solid 1px rgb(0,204,0);}
.other-login .fa-chevron-right{background: #e74649}
.other-login a{color: #e74649;text-decoration: none;font-size: 14px;}

.new-user{margin-top: 15px;font-size: 12px;color: #666;background: #f0f0f0;padding: 5px;padding-left: 40px;}
.new-user a{color: #333;text-decoration: none;}
.new-user a:hover{color: #e74649}
